<div ba-panel ba-panel-title="设备控制列表" ba-panel-class="auto-hei-panel with-scroll light-text">
    <div class="row">
        <div has-perms='pdev.devctrl.add' class="col-md-4">
            <button class="btn btn-success btn-with-icon" ui-sref="pdev.devctrl.add">
            <i class="ion-plus-round"></i>新增
            </button>
        </div>
        <div class="col-md-offset-8">
            <div class="form-group col-md-6">
                <input type="text" class="form-control form-control-rounded" ng-model="kt.tableState.search.name"
                input-keyup="kt.LoadPage" placeholder="控制名称">
            </div>
            <div class="form-group col-md-6">
                <input type="text" class="form-control form-control-rounded" ng-model="kt.tableState.search.ip"
                input-keyup="kt.LoadPage" placeholder="设备名称">
            </div>
        </div>
        <div class="row"  st-pipe="kt.LoadPage" st-table="kt.devctrllist" style="margin: 0;">
            <div class="col-xs-12 col-sm-6 col-md-3" ng-repeat="devctrl in kt.devctrllist" style="">
                <div class="screen-div" ng-mouseenter="">
                    <div class="screen-list col-xs-6" style="">
                        <div class="screen-logo">
                            <span><img src="assets/img/screen-logo.png"></span>
                        </div>
                        <div class="screen-txt">
                            <div class="screen-txt-span2">{{kt.showDevName(devctrl.deviceUid)}}</div>
                        </div>
                        <div class="screen-txt">
                            <div class="screen-txt-span3">({{devctrl.name}})</div>
                        </div>
                    </div>
                    <div class="screen-list col-xs-6" style="">
                        <div class="screen-txt">
                            <div class="screen-txt-span4">当前开关状态</div>
                        </div>

                         <div class="screen-txt">
                            <div class="screen-txt-span2 green-text">({{kt.getDictLabel('DEV_SW_STATUS', devctrl.sw1Status)}})</div>
                        </div>
                        <div class="screen-txt">
                            <div class="screen-txt-span4">操作({{kt.getDictLabel('DEV_ONLINE_STATUS', devctrl.isOnline)}})</div>
                        </div>

                         <div class="screen-txt">
                            <button type="button" class="btn btn-primary"  ng-disabled="!devctrl.isOnline"  ng-click="kt.openSw(devctrl)">打开</button>
                            <button type="button" class="btn btn-danger" ng-disabled="!devctrl.isOnline" ng-click="kt.closeSw(devctrl)">关闭</button>
                        </div>
                    </div>
                    <div class="screen-operation">
                        <!-- ngIf: ums_singHmi_edit -->
                        <a has-perms='pdev.devctrl.edit'class="ion-settings" ng-disabled="!devctrl.isOnline" ng-click="editScada(devctrl)" title="指令控制"></a>
                        <!-- end ngIf: ums_singHmi_edit -->
                        <!-- ngIf: !ums_singHmi_edit -->
                        <!-- ngIf: ums_singHmi_delete -->
                        <a has-perms='pdev.devctrl.edit' class="ion-alert" ng-disabled="!devctrl.isOnline" ng-click="delete(devctrl.id)" title="重启设备"></a>
                        <!-- end ngIf: ums_singHmi_delete -->
                        <!-- ngIf: !ums_singHmi_delete -->
                        <!-- ngIf: ums_singHmi_copy -->
                        <a has-perms='pdev.devctrl.edit' class="ion-gear-b" ui-sref="pdev.devctrl.edit({id:devctrl.id})" title="设置"></a>
                        <!-- end ngIf: ums_singHmi_copy -->
                        <!-- ngIf: !ums_singHmi_copy -->
                        <a  has-perms='pdev.devctrl.edit'  class="ion-refresh" ng-click="kt.refresh(devctrl)" title="刷新"></a>
                    </div>
                </div>
            </div>
            <tfoot>
                <div st-pagination="" st-items-by-page="12" st-template="app/pages/common/custompage.html"></div>
            </tfoot>
        </div>
    </div>
</div>

<!-- <div
  ba-panel
  ba-panel-title="Selects"
  ba-panel-class="with-scroll">

<div>
  <ba-switcher switcher-style="primary" switcher-value="kt.sw.s1"></ba-switcher>
  <ba-switcher switcher-style="success" switcher-value="kt.sw.s1"></ba-switcher>
  <ba-switcher switcher-style="warning" switcher-value="kt.sw.s1"></ba-switcher>
  <ba-switcher switcher-style="danger" switcher-value="kt.sw.s1"></ba-switcher>
  <ba-switcher switcher-style="info" switcher-value="kt.sw.s1"></ba-switcher>
</div>


</div> -->